<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";
import { handleThemeStyle } from "@/utils/theme";

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme);
  });
});
</script>

<style>
:root {
  --primary-color: #ffb3c6;
  --secondary-color-pink: #ffe5ec;
  --secondary-color-blue: #f0f9ff;
  --user-bubble: #ffe5e5;
  --pet-bubble: #ffeef7;
  --button-hover: #ff9eb4;
  --border-color: #ffd1dc;
  --shadow-color: rgba(255, 179, 198, 0.2);
  --text-color: #4a4a4a;
  /* 动画曲线 */
  --ease-bubble: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  /* 气泡配色 */
  --bubble-pink: rgba(255, 182, 193, 0.35); /* 樱花粉 */
  --bubble-blue: rgba(173, 216, 230, 0.25); /* 淡天蓝 */
  --bubble-gold: rgba(255, 215, 192, 0.3); /* 蜜桃金 */
}
</style>
